@import"../../assets/css/reset.css";
@import"../../assets/css/common.css";
@import"../../assets/libs/swiper/swiper-bundle.min.css";

body {
    display: block;
    background-color: rgb(248, 249, 251);
}

#mydiv {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    min-width: 1200px;
    z-index: 1000;

    canvas {
        position: relative !important;
        z-index: 1;
    }
}

main {
    min-width: 1200px;
    position: relative;

    // 图片
    &>div:nth-child(1) {
        position: absolute;
        top: -120px;
        display: flex;
        width: 1200px;
        height: 290px;

        div {
            width: 50%;
            background-color: #fff;
            padding: 50px 100px 0 45px;
            display: flex;
            flex-direction: column;

            h2 {
                margin: 25px 0 30px 0;
                font-size: 36px;
            }

            p {
                font-size: 16px;
                line-height: 28px;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 3;
                display: -webkit-box;
                -webkit-box-orient: vertical;
            }


        }

        img {
            width: 50%;
        }


    }

    &>div:nth-child(2) {
        padding: 0 50px;
    }
}